<?php
date_default_timezone_set('America/Bogota');
?>
<!DOCTYPE html>
<html>
    <head>

        <?php $this->load->view("head"); ?>
        <?php $this->load->view("headGrillas"); ?>
        <title>Consulta visitas por avalúo</title>
    </head>
    <script type="text/javascript">
        $(document).ready(function(){
            //Grilla de topografías
            jQuery("#tbGrillaTopo").jqGrid({
                url: '<?php echo site_url("grillas/avaluosVisitas"); ?>',
                datatype: 'json',
                mtype: 'POST',
                colNames:['Fecha Visita','Avaluo','Estado'],
                colModel :[
                    {name:'visitaFechaVisita',index:'visitaFechaVisita',sortable:false, width:180,align:"center"},
                    {name:'avaluo',index:'avaluo',sortable:false, width:130,align:"center"},
                    {name:'visitaAprobado',index:'visitaAprobado', width:100}
                ],
                loadComplete: function(){
                    var ids = jQuery("#tbGrillaTopo").getDataIDs();
                    for(var i=0;i<ids.length;i++){
                        var cl = ids[i];                        
                        var se1 = "<input type='button' value='Ver' onclick=\"verVisita('" + cl + "');\" tittle='Avalúo' />";
                        jQuery("#tbGrillaTopo").setRowData(cl,{avaluo:se1});
                    }
                },
                postData: {
                    avaluoId: function(){return document.getElementById("avaluos").value;}
                },
                autowidth:true,
                pager: jQuery('#divPagTopo'),
                rowNum:10,
                rowList:[10,20,30,50],
                sortname: 'visitaFechaVisita',
                sortorder: "asc",
                viewrecords: true,
                caption: 'Visitas al avaluo',
                height:160
            });
            //Barra de navegación
            jQuery("#tbGrillaTopo").navGrid('#divPagTopo',{edit:false,add:false,del:false,search:false,view:true});             
            document.getElementById("proyectoId").addEventListener("change",cambioProyecto,false);
<?php $this->load->view("enReady"); ?>
    }); //fin $(document).ready(function(){
    function verVisita(visitaId){
    window.open("<?php echo site_url("avaluos/edita/"); ?>" + "/" + visitaId + "/edit","_newtab");
    } //fin function editaVisita(visitaId){
<?php $this->load->view("funcionesJs"); ?>
function cambioProyecto(){
    $.post("<?php echo site_url("avaluos/avaluoProyectos"); ?>",{proyecto:this.value},function(data){
        document.getElementById("avaluos").innerHTML = data;
    }); //fin $.post("<?php echo site_url("avaluos/avaluoProyectos"); ?>",{proyecto:this.value},function(data){
} //fin function cambioProyecto(){
    </script>
    <body>        
        <?php $this->load->view("enBody"); ?>
        <div id="divTitulo">CONSULTAS - Visitas realizadas a un avalúo</div>
        <label for="proyectoId" >Elija un proyecto</label>
        <select id="proyectoId" name="proyectoId">
            <option value="">Elija</option>
            <?php
            if ($proyectos->num_rows() > 0)
                foreach ($proyectos->result() as $proyecto) {
                    echo "<option value='{$proyecto->proyectoId}'>{$proyecto->proyectoSolicitante}</option>";
                }
            ?>
        </select>
        <label for="avaluos">Avalúos</label>
        <select id="avaluos" name="avaluos" >
            <option value="">Elija</option>
        </select>
        </div>
        <div id="divBotones">
            <button id="btnSubmit" onclick="$('#tbGrillaTopo').trigger('reloadGrid')" class="btnDeAccion" >Consultar</button>
        </div>
        <div id="divPagTopo" class="scroll" style="text-align:center;"></div>
        <table id="tbGrillaTopo" class="scroll" style="font-size: 14px"></table>

    </body>
</html>